<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
  <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
  <META HTTP-EQUIV="Expires" CONTENT="0">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>游戏</title>
  <script type="text/javascript" src="{{asset('/mobile/js/jquery-1.8.3.min.js')}}"></script>
  <!-- <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=2u4zZODA0DuGZi7vFKaXKgq2KkaMrP6k"></script> -->
</head>
<body>
<style>
  html,body{
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
  }
  .box{
    width: 100%;
    height: 100%;
    background: url({{asset('/image/game-bg.png')}});
    background-size: 100%;
  }
  .boxbg{
    width: 100%;
    position: absolute;
    bottom:65px;
  }
  .ios{
    width: 138px;
    height: 50px;
    background:url({{asset('/image/ios.png')}});
    background-size: 138px 50px;
    float:left;
    margin-left: 24px;
  }
  .android{
    width: 140px;
    height: 50px;
    background:url({{asset('/image/android.png')}});
    background-size: 140px 50px;
    float:right;
    margin-right: 19px;
  }
@media screen and (min-width:320px) and (max-width:375px){
  .ios{
    width: 138px;
    height: 50px;
    background:url({{asset('/image/ios.png')}});
    background-size: 138px 50px;
    float:left;
    margin-left: 15px;
  }
  .android{
    width: 140px;
    height: 50px;
    background:url({{asset('/image/android.png')}});
    background-size: 140px 50px;
    float:right;
    margin-right: 12px;
  }
}1
@media screen and (min-width:360px) and (max-width:375px){
  .box{
    width: 100%;
    height: 100%;
    background: url({{asset('/image/game-bg.png')}});
    background-size: 100%;
  }
}
</style>
<section class="box">
  <div class="boxbg">
    <div class="ios" onclick="window.location.href='http://fir.im/91z4'"></div>
    <div class="android" onclick="window.location.href='http://fir.im/91z4'"></div>
  </div>
</section>
<!-- <div style="display:none" id="allmap"></div> -->
</body>
<!-- <script type="text/javascript">
  // 百度地图API功能
  var map = new BMap.Map("allmap");
  var point = new BMap.Point(116.331398,39.897445);
  map.centerAndZoom(point,12);

  var geolocation = new BMap.Geolocation();
  geolocation.getCurrentPosition(function(r){
    if(this.getStatus() == BMAP_STATUS_SUCCESS){
      var mk = new BMap.Marker(r.point);
      map.addOverlay(mk);
      map.panTo(r.point);
      console.log('您的位置：'+r.point.lng+','+r.point.lat);
          $.ajax({
              type: "get",
              dataType: "json",
              url: '/mobile/user_location/'+"{{$user->id}}",
              data: {
                  lng: r.point.lng,
                  lat: r.point.lat
              },
              success: function (data) {
                console.log(data);
              }
          }); 

    }
    else {
      console.log('failed'+this.getStatus());
    }        
  },{enableHighAccuracy: true})
</script> -->

</html>